<template>
    <div class="maintabbar">
        <Tabbar>
            <TabbarItem path='/home'>
                <template v-slot:item-icon>
                    <img src="~assets/img/home.png" alt="home">
                </template>
                <template v-slot:item-icon-active>
                    <img src="~assets/img/home-active.png" alt="home-active">
                </template>
                <template v-slot:item-text>
                    首页
                </template>
            </TabbarItem>
            <TabbarItem path='/profile'>
                <template v-slot:item-icon>
                    <img src="~assets/img/profile.png" alt="profile">
                </template>
                <template v-slot:item-icon-active>
                    <img src="~assets/img/profile-active.png" alt="profile-active">
                </template>
                <template v-slot:item-text>
                    我的
                </template>
            </TabbarItem>
            <TabbarItem path='/more'>
                <template v-slot:item-icon>
                    <img src="~assets/img/more.png" alt="more">
                </template>
                <template v-slot:item-icon-active>
                    <img src="~assets/img/more-active.png" alt="more-active">
                </template>
                <template v-slot:item-text>
                    更多
                </template>
            </TabbarItem>
            <TabbarItem path='/shop-cart'>
                <template v-slot:item-icon>
                    <img src="~assets/img/shop-cart.png" alt="shop-cart">
                </template>
                <template v-slot:item-icon-active>
                    <img src="~assets/img/shop-cart-active.png" alt="shop-cart-active">
                </template>
                <template v-slot:item-text>
                    更多
                </template>
            </TabbarItem>
        </Tabbar>
    </div>
</template>

<script>
import Tabbar from 'components/common/tabbar/Tabbar.vue'
import TabbarItem from 'components/common/tabbar/TabbarItem.vue'

export default {
    components: {
        Tabbar,
        TabbarItem
    },   
}
</script>

<style>

</style>